.rui-will-change-page-content {
  margin: 30px;
  .rui-will-change-content {
    overflow: hidden;
    display: flex;
    .rui-flex-content {
      --delay-time: 0s;
      --time: 20s;
      gap: 20px;
      will-change: transform;
      // animation: scrolling var(--time) linear infinite;
      animation-name: scrolling;
      animation-delay: var(--delay-time);
      animation-duration: var(--time);
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }
    .rui-flex-item {
      white-space: nowrap;
    }
  }
  @keyframes scrolling {
    to {
      transform: translateX(-100%);
    }
  }
  .rui-grid-content {
    --time: 10s;
    // flex: 0 0 100%;
    flex: none;
    display: grid;
    width: 100%;
    padding-right: 20px;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    will-change: transform;
    animation: scrolling var(--time) linear infinite;
  }
  .rui-grid-item {
    width: auto; // 去掉 taro 图片的默认宽高
    height: auto;
    aspect-ratio: 1;
    border-radius: 24px;
  }
}
